<script lang="ts" setup>
defineOptions({
  name: 'SButton',
})

interface Props {
  type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | ''
  size?: 'small' | 'medium' | 'mini'
}

withDefaults(defineProps<Props>(), {
  type: '',
  size: 'medium',
})
</script>

<template>
  <button class="S-button" :class="[type ? 'S-button--' + type : '', size ? 'S-button--' + size : '']">
    <span v-if="$slots.default"><slot></slot></span>
  </button>
</template>
